<template>
  <div class="container">
    <router-view></router-view>
    <div class="index">
      <Header />
      <div class="main-center2 ">
        <div class="main-left2">
          <div class="con2">
            <div class="nav-tit">
              <div class="mleft">
                <h1 class="cur"  @click="goCourse()"> 我的分享 </h1>
              </div>
              <div class="mright fr " style="width: 300px">

                <el-input v-model="input"  style="width: 223px;" class="fl search-inp"   placeholder="输入名称搜索"></el-input><el-button class="fl">搜索</el-button>
              </div>
            </div>
            <div class="clear"></div>

            <ul class="bkb-list"  @click="goDetail()">
              <li>
                <img class="pic" src="static/img/pic.jpg">
                <p><span class="tit">孝敬父母</span> </p>
                <p><label class="   ">课件：6</label> </p>
                <p>2021-01-28 13:00 <label class=" fr base_color ">全网</label></p>
              </li>
              <li>
                <img class="pic" src="static/img/pic.jpg">
                <p><span class="tit">孝敬父母</span> </p>
                <p><label class="   ">课件：6</label> </p>
                <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
              </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <p><span class="tit">孝敬父母</span> </p>
              <p><label class="   ">课件：6</label> </p>
              <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
            </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <p><span class="tit">孝敬父母</span> </p>
              <p><label class="   ">课件：6</label> </p>
              <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
            </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <p><span class="tit">孝敬父母</span> </p>
              <p><label class="   ">课件：6</label> </p>
              <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
            </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <p><span class="tit">孝敬父母</span> </p>
              <p><label class="   ">课件：6</label> </p>
              <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
            </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <p><span class="tit">孝敬父母</span> </p>
              <p><label class="   ">课件：6</label> </p>
              <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
            </li>  <li>
              <img class="pic" src="static/img/pic.jpg">
              <p><span class="tit">孝敬父母</span> </p>
              <p><label class="   ">课件：6</label> </p>
              <p>2021-01-28 13:00 <label class=" fr  ">全网</label></p>
            </li>
            </ul>

            <div class="page-area">
              <span type="button" class="btn-home fl">首页</span>
              <el-pagination
                background
                layout="  prev, pager, next "
                :total="1000">
              </el-pagination>
              <span type="button"   class="btn-last fr">尾页</span>
            </div>
          </div>

        </div>
        <div class="main-right2  ">

          <div class="con-menu "  @click="goLessons()">
            <div class="menu-img">
              <img src="static/img/r-ykt.png" alt="">
            </div>
            <div class="menu-item">
              中华经典云课堂
            </div>
          </div>


          <div class="con-menu2"  @click="goRes()">
            <div class="menu-img">
              <img src="static/img/r-upload.png" alt="">
            </div>
            <div class="menu-item">
              上传备课包
            </div>
          </div>
          <div class="con-menu2"  @click="goSpace()">
            <div class="menu-img">
              <img src="static/img/r-xj.png" alt="">
            </div>
            <div class="menu-item">
              新建备课包
            </div>
          </div>


          <div class="con-menu2"  @click="goLessonsAdd()">
            <div class="menu-img">
              <img src="static/img/r-gx.png" alt="">
            </div>
            <div class="menu-item">
              共享资源包
            </div>
          </div>
          <div class="con-menu2"  @click="goHome()">
            <div class="menu-img">
              <img src="static/img/r-home.png" alt="">
            </div>
            <div class="menu-item">
              首页
            </div>
          </div>

          <div class="con-menu "  @click="goBkb()">
            <div class="menu-img">
              <img src="static/img/bkb.png" alt="">
            </div>
            <div class="menu-item">
              我的备课包
            </div>
          </div>


        </div>
      </div>
    </div>

    <div class="step_task">
      <div class="do"> <img src="static/img/t-down.png" alt=""></div>
      <ul>
        <li class="loading">   正在打包备课包 <span class="fr">6年级国学课</span></li>
        <li class="ok">  正在打包备课包 <span class="fr">6年级国学课</span></li>
        <li class="loading">   正在打包备课包 <span class="fr">6年级国学课</span></li>
        <li class="ok">  正在打包备课包 <span class="fr">6年级国学课</span></li>
      </ul>
    </div>

  </div>
</template>

<script>
import Header from '../components/header.vue';
export default {
  data() {
    return {
      isOpen:true,
      value:[], options: [{
        value: '品德养成',
        label: '品德养成'
      }, {
        value: '人物介绍',
        label: '人物介绍'
      }, {
        value: '古今轶事',
        label: '古今轶事'
      }, {
        value: '科学知识',
        label: '科学知识'
      }, {
        value: '成语典故',
        label: '成语典故'
      }]};
  },
  created() {
  },
  methods: {
    goSpace(){
      this.$router.push("/space");
    },
    goLessonsAdd(){
      this.$router.push("/lessonsAdd");
    },
    goLessons(){
      this.$router.push("/lessonsList");
    },
    goRes(){
      this.$router.push("/courseList");
    },
    goBkb2(){
      this.$router.push("/bkblist2");
    },
    goHome() {
		  this.$router.push(localStorage.getItem('jump_path'));
      // if( localStorage.getItem('jump_path') == '/index' ){
      //   this.$router.push('/index');
      // }else if( localStorage.getItem('jump_path') == '/lecture' ){
      //   this.$router.push('/lecture');
      // }else if( localStorage.getItem('jump_path') == '/train' ){
      //   this.$router.push('/train');
      // }
    }
  },
  components:{Header}
};
</script>

<style lang="scss" scoped>
/deep/ .el-input__inner {
  height: 36px;
  line-height: 35px;
  outline: 0;
}
</style>
